.form-grid {
  --form-grid-gap-x-half: calc(var(--form-grid-gap-x) / 2);
  --form-grid-gap-y-half: calc(var(--form-grid-gap-y) / 2);
  @apply -flex-row -flex-wrap -items-start -gap-0;
}
.form-grid .form-group {
  @apply -px-[--form-grid-gap-x-half] -py-[--form-grid-gap-y-half];
}
.form-grid .form-label.required::after {
  @apply -order-first -ml-1;
}
.form-grid .form-label .checkbox {
  @apply -mx-3;
}

.form-grid .has-wrap-after::after {
  @apply -content-[''] -block -w-full;
}

.form-grid-wrap {
  @apply -w-full;
}

.form-grid-row {
  @apply -w-full -flex -flex-row -py-[--form-grid-gap-y-half] -relative;
}
.form-grid-col {
  @apply -px-[--form-grid-gap-x-half];
}

.form-grid .form-actions {
  @apply -w-full -justify-center -gap-6 -px-[--form-grid-gap-x-half] -py-[--form-grid-gap-y];
}
.form-grid .form-actions.is-pinned {
  @apply -border-t;
}
